#app{ 
  height:100%;
}

#content, #dopinfo{
  padding: 0 50px;
}
.layout{
  height: 100%;
}
.subcontent{
  background: #fff;
  padding-top:20px;
  padding-bottom: 40px;
  height:100%;
  /*overflow: overlay;*/
}
.ant-pagination{
  text-align: center;
  padding-top: 4px;
}
.ant-modal-body{
  overflow: overlay;
}

.deleted{
  color:red;
}

.site-layout-content {
  min-height: 280px;
  padding: 24px;
  background: #fff;
}
#components-layout-demo-top .logo {
  float: left;
  width: 100%;
  height: 32px;
  margin: 16px 24px 16px 0;
  background: rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .site-layout-content {
  background: #141414;
}

.page {
  max-width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .page {
    width: 80%; /* установите ширину контейнера на 50% от максимальной ширины при разрешении экрана меньше 768 пикселей */
  }

  @media screen and (min-width: 1000px) {
    .page {
      width: 70%; /* установите ширину контейнера на 50% от максимальной ширины при разрешении экрана меньше 768 пикселей */
    }
  }
  @media screen and (min-width: 1300px) {
    .page {
      width: 60%; /* установите ширину контейнера на 50% от максимальной ширины при разрешении экрана меньше 768 пикселей */
    }
  }
  @media screen and (min-width: 1500px) {
    .page {
      width: 50%; /* установите ширину контейнера на 50% от максимальной ширины при разрешении экрана меньше 768 пикселей */
    }
  }
}
